@charset "UTF-8";
html{
    background-image:url("haikei gurade.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:100% auto;
}
body{
    color: #D3D3D3;
    size:250%;
    text-align: center;
    font-family: "Gujarati MT";
}
.story1{
    text-align: center;
　　　size:50%;
}

.aaaaaa{
    font-size: 0.9em;
    line-height: 1.5em;
}
.time{
    font-size: 1.3em;
    top: auto;
    color: #C5C4C3;
    font-weight: 100;
}

.kann{
    font-size: 1em;
    color:#DCDCDC;
    text-align: center;
}


/* スライドレールの枠 */
.wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 340px;
  margin-bottom: 100px;
}
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 20s infinite linear 1s both;
  animation: loop-slide 20s infinite linear 1s both;
  list-style:none;
}
@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/* ホバー時に動きを止める（パターン2・3）*/
.slide-paused:hover .slideshow {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
/* ホバー時の装飾（パターン3） */
.content-hover {
  transition: all 0.2s;
  margin-right: 20px;
}
.content-hover:hover {
  transform: translateY(-20px);
  border-radius: 0 10%;
  box-shadow: 0 3px 10px 0 #333;
  opacity: 0.8;
  cursor: pointer;
}




h2{font-size:20px;
   font-weight: 300;
   color:#FFFFFF;
   top: 200px;
   /*position: absolute;*/
}

.a{
    font-size: 15px;
    font-weight: 100;
    color:#FFFFFF;
    line-height: 2.5em;
}
.b{font-size: 17px;
    font-weight: 100;
    color:#FFFFFF;
}

.hasshu{
    font-size: 17px;
    font-weight: 100;
    color:#E8E8E8;
}
.bunn{font-size: 15px;
    font-weight: 100;
    color:#E8E8E8;
    line-height: 3em;
}

.playlistmozi{ont-size: 15px;
    font-weight: 100;
    line-height: 3em;
    color: #C7C7C7;
}





    #osake{
        width: 375px;
        
    }
    
    .story{
        width:375px;
        height:375px;
        position:relative;}